<template>
	<view>
		<div class="top">
			<textarea value="" placeholder="小狗吸尘器"  class="search"/>
			<!-- <textarea name="" id="" class="search"></textarea> -->
			<image src="../static/search.png" mode="" class="img" @click="detail"></image>
		</div>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			detail(){
				uni.navigateTo({
					url:"../detail/detail/detail"
				})
			}
		}
	}
</script>

<style scoped>
	.top{
		/* width:100%; */
		height: 100%;
		padding:10px 10px;
		background-color:skyblue;
		display:flex;
		justify-content:center;
		align-items:center;
	}
	.search{
		width:90%;
		height:40px;
		background-color:white;
		line-height:220%;
		padding:0px 20px;
		box-sizing:border-box;
		/* 文字不换行 */
		white-space:nowrap;
		border-radius:10px;
	}
	.top .img{
		width:35px;
		height:35px;
		border-radius:10px;
		margin-left:2px;
	}
	
</style>
